html,body {
  padding: 0;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  height: 100%;
  background: #eee;
}
*{
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: #00B7FF;
}

@color1: #1890FF;

.login{
  margin: 250px auto;
  width: 300px;
  .ant-btn{
    width: 300px;
  }
}

.main{
  overflow: hidden;
  display: flex;
  height: 100%;
  .ctrl{
    position: relative;
    .create-file{
      position: absolute;
      top: 0;
      left: 5%;
      width: 90%;
      margin: 10px 0;
    }
    .path{
      width: 160px;
      padding-top: 52px;
      li{
        position: relative;
        background: #eee;
        cursor: pointer;
        border-bottom: 1px solid #ccc;
        height: 36px;
        line-height: 36px;
        padding: 0 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex;
        justify-content: space-between;
        &:hover span{
          opacity: 1;
        }
        &:hover .plus{
          left: 0;
        }
        span{
          text-decoration: underline;
          font-size: 10px;
          opacity: .5;
        }
      }
    }
  }
  .content{
    flex: 1;
    height: 100%;
    background: #fff;
    display: flex;
    padding: 3px;
    flex-direction: column;
    .text{
      outline: none;
      flex: 1;
      border: none;
    }
    .log-title{
      height: 32px;
      border-bottom: 1px solid #ccc;
      display: flex;
      padding: 0;
      margin: 0;
      input{
        flex: 1;
        border: none;
        outline: none;
      }
    }
  }
}

.content{
  height: 500px;
}
